<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>首页|产品纤细</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--重置样式-->
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<!--公共样式-->
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<!--页面样式-->
		<link rel="stylesheet" type="text/css" href="css/productdetail.css" />
		<!--iconfont样式-->
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<!--星星iconfont样式-->
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_875729_t0elimunqtk.css" />
	    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_875729_k9c256d67im.css"/>

	</head>

	<body>
		
			<!--头部s-->
			<header>

				<div class="back clearfix">
					<div class="headerleft">Back</div>
					<div class="headermiddle">产品详情</div>
					<div class=" iconfont icon-star fr "></div>
				</div>
			</header>
			<!--头部e-->

			<!--页面内容-->
			<section>
				<div class="chi"><img src="img/images/deitai_03.jpg" alt="万岁寿司" /></div>
                    <!--好评s-->
                 <div class="goods">
                 	<div class="goods1 clearfix">
                 	<div class="fl">&yen;32</div>
                 	<div class="fr">购买</div>
                 	</div>
                 	
                 	<div class="goods2 clearfix">
                 	<div class=" iconfont icon-star fl">好评度99%</div>
                 	<div class="fr">共650个评价></div>
                 	</div>
                 </div>
                    <!--好评e-->
                    
                  <!--适用商户s-->
                             <div class="merchants">
                             	<div class="merchantstop">
                             		<div>适用商户</div>
                             		<div class="iconfont icon-right"></div> 
                             	</div>
                             	<div class="zhengjia">
                             		<div class="zhengjialeft"><img src="img/images/zhengjia_07.jpg"/></div>
                             		
                             		<div class="zhengjiaright clearfix">
                             			<div>万寿寿司(正佳店)</div>
                             			<div class="star"><span class="iconfont icon-star"></span>
                             			<span class="iconfont icon-star" ></span>
                             			<span class="iconfont icon-star"></span>
                             			<span class="iconfont icon-star"></span>
                             			<span class="iconfont icon-star"></span>
                             			<span class="ten">10分</span>
                             			<div class="fr">进入</div>
                             			</div>
                             			<div>离你100米</div>
                             			
                             			<div>查看详情>></div>
                             		</div>
                             		
                             		
                             		
                             		<div class="zhengjialeft"><img src="img/images/tiyuxi_10.jpg"/></div>
                             		
                             		<div class="zhengjiaright clearfix">
                             			<div>万寿寿司(体育西店)</div>
                             			<div class="star"><span class="iconfont icon-star"></span>
                             			<span class="iconfont icon-star" ></span>
                             			<span class="iconfont icon-star"></span>
                             			<span class="iconfont icon-star"></span>
                             			<span class="iconfont icon-star"></span>
                             			<span class="ten">10分</span>
                             			<div class="fr">进入</div>
                             			</div>
                             			<div>离你100米</div>
                             			
                             			<div>查看详情>></div>
                             		</div>
                             		
                             		
                             		
                             			<div class="zhengjialeft"><img src="img/images/changgang_12.jpg"/></div>
                             		
                             		<div class="zhengjiaright clearfix">
                             			<div>万寿寿司(昌岗店)</div>
                             			<div class="star"><span class="iconfont icon-star"></span>
                             			<span class="iconfont icon-star" ></span>
                             			<span class="iconfont icon-star"></span>
                             			<span class="iconfont icon-star"></span>
                             			<span class="iconfont icon-star"></span>
                             			<span class="ten">10分</span>
                             			<div class="fr">进入</div>
                             			</div>
                             			<div>离你100米</div>
                             			
                             			<div>查看详情>></div>
                             		</div>
                             		
                             		
                             		
                             			<div class="zhengjialeft"><img src="img/images/zhengjia_07.jpg"/></div>
                             		
                             		<div class="zhengjiaright clearfix">
                             			<div>万寿寿司(正佳店)</div>
                             			<div class="star"><span class="iconfont icon-star"></span>
                             			<span class="iconfont icon-star" ></span>
                             			<span class="iconfont icon-star"></span>
                             			<span class="iconfont icon-star"></span>
                             			<span class="iconfont icon-star"></span>
                             			<span class="ten">10分</span>
                             			<div class="fr">进入</div>
                             			</div>
                             			<div>离你100米</div>
                             			
                             			<div>查看详情>></div>
                             		</div>
                             		
                             		
                             		
                             	</div>
                             	
                             	
                             	
                             </div>

                            

                      <!--适用商户e-->
			</section>
			
			<!--页面内容e-->

			<!--尾部s-->
			<footer>
				<div class="footer">

				<div class="footer1">
					<a href="index.html"><i class="iconfont icon-yemian"></i></a>
					<p><a href="index.html">首页</a></p>
				</div>

				<div class="footer1">
					<a href="category.html"><i class="iconfont icon-feilei"></i></a>
					<p><a href="category.html"></a>分类</p>
				</div>

				<div class="footer1">
					<a href="faxiang.html"><i class="iconfont icon-faxian"></i></a>
					<p><a href="faxiang.html">发现</a></p>
				</div>

				<div class="footer1">
					<a href="myself.html"><i class="iconfont icon-md-mine-outline"></i></a>
					<p><a href="myself.html">我的</a></p>
				</div>

			</div>

			</footer>
			<!--尾部e-->

			<!-- 脚本 -->
			<script>
				document.body.style.height = window.innerHeight + "px";

				/*动态改变根元素字体大小*/
				function recalc() {
					// 获取客户端宽度
					var clientWidth = document.documentElement.clientWidth;
					if(!clientWidth) return;
					// 字体大小   = 1个rem单位表示多少个像素（设备的宽度   /设计宽度）
					document.documentElement.style.fontSize = 40 * (clientWidth / 750) + 'px';

				}

				function initRecalc() {
					recalc();
					// if(浏览器支持横竖屏切换的事件){横竖屏事件}else{ resize事件 }
					var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
					if(!document.addEventListener) return;
					window.addEventListener(resizeEvt, recalc, false);
					document.addEventListener('DOMContentLoaded', recalc, false);
				}
				initRecalc();
			</script>

		
	</body>

</html>